<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.active{
				color: #008000;
			}
			.b{
				font-size:25px;
			}
			.a{
				background: green;
			}
		</style>
		<script src=./vue.js ></script>
	</head>
	<body>
		<div id="app">
			<p :class="activeclass">开</p>
			<p :class="['b','a']">开</p>
			<p :class="{b:isb,a:isa}">开</p>
			<p :style="{color:color1,fontsize:fontsize1}">kai</p>
		</div>
		<script type="text/javascript">
			var vm = new Vue({
				el:"#app",
				data:{
					activeclass:"active",
					isb:true,
					isa:false,
					color1:"green",
					fontsize1:"20px"
				}
			})
		</script>
	</body>
</html>
